.goods-swiper {
	overflow: hidden;
	height: 619rpx;
	.goods-swiper-view {
		width: 100%;
		height: 619rpx;
	}
	.banner-img {
		width: 100%;
		height: 619rpx;
	}
}
.goods-detail-view {
	background-color: #fff;
	padding: 30rpx 33rpx;
	.goods-detail-title {
		font-size: 32rpx;
		color: #3f3f3f;
	}
}
.goods-price-view {
	padding: 0;
}
.spec-box {
	background-color: #fff;
	padding: 15rpx 32rpx;
	margin-top: 14rpx;
	.spec-box-item {
		padding: 15rpx 0;
		.spec-title {
			font-size: 24rpx;
			margin-right: 40rpx;
		}
		.spec-value {
			flex: 1;
			text {
				font-size: 24rpx;
			}
			.spec-choose {
				color: #999;
			}
		}
	}
}
.detail-title {
	height: 94rpx;
	background: #f6f7fb;
	font-size: 30rpx;
}
.bottom-view {
	width: 100%;
	position: fixed;
	left: 0;
	background-color: #fff;
	padding: 12rpx 39rpx;
	padding-bottom: calc(6px + env(safe-area-inset-bottom)); // 适配iphoneX的底部
	bottom: 0;
	.bottom-icon-view {
		flex: 1;
		margin-right: 14rpx;
		.bottom-icon-item {
			image {
				width: 48rpx;
				height: 48rpx;
			}
			.bottom-text {
				font-size: 20rpx;
				color: #666;
			}
		}
	}
	.bottom-btn {
		width: 220rpx;
		height: 78rpx;
		border: 1rpx solid #000;
		border-radius: 74rpx;
		color: #333;
		margin-left: 14rpx;
	}
	.buy-btn {
		background: linear-gradient(180deg, #666666, #000000);
		color: #fff;
	}
}

// 规格弹窗
.spec-view {
	padding: 19rpx 27rpx;
	background: #ffffff;
	box-shadow: 0px 21rpx 21rpx 0px rgba(4, 0, 0, 0.75);
	border-radius: 30rpx 30rpx 0px 0px;
	.close-view {
		justify-content: flex-end;
		image {
			width: 37rpx;
			height: 37rpx;
		}
	}
	&-goods {
		margin-top: 10rpx;
		padding-bottom: 30rpx;
		image {
			width: 203rpx;
			height: 203rpx;
			border-radius: 20rpx;
		}
		.goods-right-info {
			margin-left: 19rpx;
			flex: 1;
			justify-content: space-between;
			height: 203rpx;
		}
		&-title {
			font-size: 30rpx;
			font-weight: bold;
			color: #242424;
		}
	}

	&-num {
		justify-content: space-between;
		padding-top: 30rpx;
		text {
			color: #454545;
		}
		.num-view {
			height: 58rpx;
			border: 1px solid #e5e5e5;
			border-radius: 29rpx;

			view {
				height: 100%;
				width: 60rpx;
				text-align: center;
				line-height: 50rpx;
			}
			.opt-view {
				color: #999999;
				font-size: 39rpx;
			}
			.num {
				flex: 1;
				font-size: 28rpx;
				line-height: 56rpx;
				border-left: 1px solid #e5e5e5;
				border-right: 1px solid #e5e5e5;
			}
		}
		.spec-list {
			margin-top: 20rpx;
			.spec-item {
				padding: 0 20rpx;
				font-size: 28rpx;
				color: #454545;
				height: 60rpx;
				background: #f5f5f5;
				box-shadow: 0px 0px 2rpx 0px rgba(108, 108, 108, 0.29);
				border-radius: 10rpx;
				margin-right: 20rpx;
			}
			.spec-active {
				background: #070707;
				color: #fff;
			}
		}
	}
	.btn-view {
		padding: 0 65rpx;
		margin-top: 100rpx;
		margin-bottom: 20rpx;
	}
}
.img-detail-view {
	width: 100%;
	image {
		display: block;
		width: 100%;
	}
}
.no-modou {
	.img-modou {
		display: block;
		width: 381rpx;
	}
	.no-modou-view {
		width: 407rpx;
		height: 321rpx;
		background: linear-gradient(0deg, #ffffff, #fcc6ac);
		box-shadow: 0px 0px 30rpx 0px rgba(0, 0, 0, 0.08);
		border-radius: 40rpx;
		padding-top: 80rpx;
		.mo-modou-text {
			font-size: 32rpx;
			font-weight: bold;
			color: #fc5433;
		}
		.kaihe {
			width: 191rpx;
			height: 66rpx;
			background: #ffb931;
			border-radius: 33rpx;
			color: #fff;
			margin-top: 80rpx;
		}
	}
}
